<template>
  <div class="module">
    <ul>
      <li>
        <img :src='good.pic'>
        <p>{{ good.name }}</p>
        <p>城市: {{ good.city }}</p>
        <p>地址: {{ good.address }}</p>
        <p>价格: {{ good.price }}</p>
        <p>演出时间: {{ good.showTime }}</p>
      </li>
    </ul>
  </div>
</template>

<script>

export default {
  name: 'Module',
  props:['good'], 
  data() {
    return {}
  },
}

</script>

<style scoped>
li {
  width: 280px;
  border: 1px solid #333;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

li>img {
  width: 280px;
  height: 320px;
  display: block;
}

li>p {
  padding-left: 10px;
  padding-top: 10px;
}
</style>
